/* 这是博客编辑页专用的样式文件 */

.blog-edit-container {
    width: 1000px;
    height: calc(100% - 50px);
    margin: 0 auto;
}

.blog-edit-container .title {
    width: 100%;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-edit-container .title #title {
    width: 895px;
    height: 40px;
    border-radius: 10px;
    border: none;
    outline: none;
    font-size: 22px;
    line-height: 40px;
    padding-left: 10px;

    background-color: rgba(255, 255, 255, 0.8);
}










.blog-edit-container .title button {
    width: 100px;
    height: 40px;
    border-radius: 10px;
    color: white;
    background-color: orange;
    border: none;
    outline: none;
    font-size: 18px;
}

.blog-edit-container .title button:active {
    background-color: #666;
}

/*将上方的button属性改为 #submit*/
.blog-edit-container .title #submit {
    width: 100px;
    height: 40px;
    border-radius: 10px;
    color: white;
    background-color: orange;
    border: none;
    outline: none;
    font-size: 18px;
}

.blog-edit-container .title #submit:active {
    background-color: #666;
}
/*但是还有问题 因为之前在blog_edit.html中id=editor的父类是blog-edit-container
 对于 排版布局 有    height: calc(100% - 50px)
 但是我们使用了form表单之后  id=editor的父类就变成了form  所以我们需要给form标签加上个样式style="height:100%"*/












#editor {
    border-radius: 10px;

    /* background-color: rgba(255, 255, 255, 0.8); */
    opacity: 80%;
}